@charset "utf-8";
/* 初始化 */
html,body{ width:100%; margin:0px; padding:0px; height:100%;}
html{ overflow-y:scroll; -webkit-text-size-adjust:none;}
body{ color:#666; font-family:微软雅黑, Arial, Helvetica, sans-serif; font-size:12px; text-align:center; overflow:visible;}
ul{ list-style:none; padding:0px; margin:0px;}
li{ padding:0px; margin:0px; border:0px;}
img{ border:0px; padding:0px; margin:0px;}
a{ text-decoration:none; color:#666;}
a:hover{ color:#000}
input{ vertical-align:middle; }
input[type="radio"]{ vertical-align:-1px; vertical-align:middle\9; }
.input_txt{ height:18px; height:22px\9; padding-left:1px; padding-top:4px; padding-top:0\9; border:1px solid #B3D0DF; *line-height:22px; }
p{ margin:0; padding:0; line-height:1.6em;}
form{ padding:0; margin:0;}

/* 常用类 */
.ellipsis{overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.inlineBlock{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;}
.opacity{ filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.clearBoth{clear: both;height:0px;overflow:hidden;}
.breakAll{ word-wrap:break-word; word-break:break-all;}
.ret{ width:100%; height:100%; position:relative;}
.loading{ width:100%; height:100%; background:#000 url(../images/loading.gif) center center no-repeat; position:absolute; top:0; left:0;}

/* 主框架 */
#all{ width:100%; min-height:100%; height:auto!important; height:100%; position:relative;}
.main-middle{ width:1100px; text-align:left; margin:0 auto; position:relative;}

/* 顶部 */
#top{ width:100%; height:92px; position:relative; background-color:#fff; z-index:10;}
#logo{ display:block; float:left; margin-left:-100px}
#menu{ float:left; height:92px; position:relative; display:block; margin-left:50px;}
#menu a{ width:110px; text-align:center; display:block; float:left; height:92px; line-height:92px; color:#8A8A8A; font-size:13px; overflow:hidden; position:relative}
#menu a .overlay{ position:absolute; top:92px; left:0; width:100%; height:92px; display:block; z-index:-10; background-color:#F3F3F3}
#menu a .text{ width:100%; text-align:center; display:block; height:92px; line-height:92px; color:#8A8A8A; font-size:13px;}
#menu a:hover{ color:#000;}
#menu a.cur{ color:#000;}
#menu span{ float:left; width:2px; height:92px; background-image:url(../images/div.jpg); display:block;}

.language{ float:right; height:92px; display:block; position:relative;}
.language .cn{ width:30px; height:18px; background-image:url(../images/lang.png); background-position:-30px -18px; display:block; float:left; cursor:pointer; margin-left:10px; margin-top:37px}
.language .cn.cur{ background-position:-30px 0; }
.language .cn.now{ background-position:-30px 0; }
.language .en{ width:30px; height:18px; background-image:url(../images/lang.png); background-position:0 -18px; display:block; float:left; cursor:pointer;  margin-top:37px; margin-left:10px;}
.language .en.cur{ background-position:0 0; }
.language .en.now{ background-position:0 0; }
.language a{ width:100%; height:100%; position:relative; display:block;}
.searchBtn{ width:75px; height:92px; float:left; display:block; background-image:url(../images/se.jpg); cursor:pointer;}
.searchBtn.cur{ background-image:url(../images/se_hover.jpg)}
.searchBg{ width:100%; position:absolute; top:92px; left:0; display:none; background-color:#F3F3F3; z-index:100}
.searchBg .content{ width:742px; padding:45px 0; margin:0 auto; position:relative; }
.searchBg .content .key{ width:100%; height:20px; line-height:20px; position:relative; display:block;}
.searchBg .content .key li{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 0 5px; }
.searchBg .content .key li .hot{ color:#666666; font-weight:bold; text-decoration:underline; line-height:20px;}
.searchBg .content .key li a{ height:20px; line-height:20px; color:#C5C5C5; display:block}
.searchBg .content .key li a:hover{ color:#666666;}
.searchBg .content .tb{ width:742px; height:50px; margin-top:15px; display:block;}
.searchBg .content .tb .l{ width:540px; float:left; height:50px; padding-left:5px; padding-right:55px; background-image:url(../images/sl.jpg); border:0; line-height:50px; color:#666666; font-size:14px; font-family:微软雅黑, Arial, Helvetica, sans-serif;}
.searchBg .content .tb .r{ width:142px; height:51px; text-align:center; line-height:50px; background-color:#363636; color:#FFF; font-size:14px; font-family:微软雅黑, Arial, Helvetica, sans-serif; border:0; cursor:pointer; float:right; margin-top:-0.5px}

/* 底部 */
#foot{ width:100%; height:75px; position:relative; display:block; line-height:75px; background-color:#FFF; color:#999999; }
.icp{ float:right; }


/* 页码 */
.pageNum{ width:100%; height:17px; text-align:right; line-height:18px; }
.pageNum a{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; min-width:17px; height:17px; color:#333; background-color:#333; margin:0 4px; font-family:Arial; font-size:12px; color:#fff; text-align:center}
.pageNum a:hover{ color:#3399CC;}
.pageNum a.cur{ color:#fff; background-color:#3399CC;}

/* 首页 */
.wel{ width:100%; height:100%; position:relative; display:block; }
.homeRun{  position:relative; width:100%; display:block; height:100%;}
.homeRun ul{ position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0; height:100%}
.homeRun li{ width:100%; top:0; left:0; display:block; float:none; position:absolute; z-index:1;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:opacity 1000ms ease-in-out; height:100%; background-size:cover;}
.homeRun li.cur{ float:left; position:relative;  filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; z-index:2; display:list-item;  transition:opacity 500ms ease-in-out}

.home{ width:100%; position:relative; display:block;}

.home .about{ width:100%; padding:50px 0; position:relative; display:block; background-image:url(../images/aboutBg.jpg)}
.home .about .top{ width:1100px; height:43px; display:block; background:url(../images/aboutTitle.png) center no-repeat;}
.home .about .topcn{ width:1100px; height:43px; display:block; background:url(../images/aboutTitle_cn.png) center no-repeat;}
.home .about .label{ width:1100px; height:40px; text-align:center; position:relative; overflow:hidden; margin-top:20px;}
.home .about .label ul{ height:40px; text-align:center; position:relative; margin:0 auto;}
.home .about .label li{
    width:100px;
    height:36px; margin:0 5px;  display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; line-height:36px; border:1px solid #494949; text-align:center; color:#626262; font-size:14px; cursor:pointer; padding:1px;

}
.home .about .label li:hover{ border:2px solid #FFF; padding:0; color:#FFF;}
.home .about .label li.cur{ border:2px solid #FFF; padding:0; color:#FFF}
.home .about .details{ margin-top:20px; height:420px; width:1100px; position:relative; display:block; overflow:hidden;}
.home .about .details ul{ height:420px; position:absolute; left:0; top:0; display:block;
    width: 9900px;
}
.home .about .details li{ width:1100px; height:420px; float:left; display:block; position:relative;}

.home .product{ width:100%; padding:50px 0; position:relative; display:block; background-color:#fff;}
.home .product .top{ width:1100px; height:43px; display:block; background:url(../images/productTitle.png) center no-repeat;}
.home .product .topcn{ width:1100px; height:43px; display:block; background:url(../images/productTitle_cn.png) center no-repeat;}
.home .product .label{ width:1100px; height:40px; text-align:center; position:relative; margin-top:20px;}
.home .product .label ul{ width:1106px; height:40px; text-align:center; position:absolute; top:0; left:-3px}
.home .product .label li{ width:146px; height:36px; margin:0 4px; line-height:36px; border:1px solid #EFEFEF; text-align:center; color:#AFAFAF; font-size:14px; cursor:pointer; padding:1px;  overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;}
.home .product .label li:hover{ border:2px solid #C9C9C9; padding:0; color:#666666;}
.home .product .label li.cur{ border:2px solid #C9C9C9; padding:0; color:#666666}
.home .product .details{ margin-top:20px; height:552px; width:1104px; position:relative; display:block; overflow:hidden; margin-left:-2px;}
.home .product .details ul{ width:7728px; height:552px; position:absolute; left:0; top:0; display:block;}
.home .product .details li{ width:1104px; height:552px; float:left; display:block; position:relative;}
.home .product .productList{ width:1104px; height:552px; position:relative; display:block; overflow:hidden}
.home .product .productList .p{ width:268px; height:268px; margin-left:3px; margin-right:3px; margin-bottom:6px; float:left; display:block; border:1px solid #C9C9C9; cursor:pointer; position:relative;}
.home .product .productList .p img{ width:268px; height:238px; display:block; display:block;}
.home .product .productList .p .title{ width:268px; height:31px; text-align:center; line-height:31px; background-color:#4C4C4C;  overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; color:#C1C1C1; font-size:14px; }
.home .product .productList .p:hover .title{ background-color:#000; color:#FFFFFF;}
.home .product .productList .p .overlay{ width:268px; height:238px; position:absolute; top:0; left:0; display:none; z-index:10; background-image:url(../images/overlay.png)}

.home .map{ width:100%; height:831px; position:relative; display:block; background:url(../images/map.jpg) center no-repeat;}
.home .mapEn{ width:100%; height:831px; position:relative; display:block; background:url(../images/map_en.jpg) center no-repeat;}

.topImg{ width:100%; position:relative; height:210px; overflow:hidden;}
.topImg img{ width:1920px; height:210px; position:absolute; top:0; left:50%; margin-left:-960px; display:block; }
.topNav{ width:100%; position:relative; display:block; height:39px; background-image:url(../images/nav.jpg)}
.topNav a{ width:125px; height:39px; line-height:39px; text-align:center;  display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; color:#999999; background:none;  overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.topNav a:hover{ background:url(../images/nav_hover.png) center bottom no-repeat; color:#100D15;}
.topNav a.cur{ background:url(../images/nav_hover.png) center bottom no-repeat; color:#100D15;}
.topNav span{  display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; width:2px; height:39px; background-image:url(../images/nav_div.png)}

.textContent{ width:1100px; margin:0 auto; text-align:left; position:relative; padding:50px 0;}
.textContent img{ max-width:100%;}

.productList{ width:1100px; position:relative; display:block; margin-top:8px}
.productList li{ width:265px; height:289px; margin-left:4px; margin-right:4px; margin-bottom:8px; float:left; position:relative; display:block; border:1px solid #E7E7E7}
.productList li:hover{ border:1px solid #4A96C4}
.productList li img{ width:265px; height:265px; position:relative; display:block;}
.productList li .title{ width:267px; height:24px; text-align:center; line-height:24px;  overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;  background-color:#E7E7E7; color:#000; margin-left:-1px}
.productList li:hover .title{ background-color:#4A96C4; color:#FFF;}
.productList li .overlay{ width:265px; height:265px; position:absolute; top:0; left:0; display:none; z-index:10; background:url(../images/overlay_blue.png) center no-repeat;}

.newsList{ width:1100px; position:relative; display:block; padding-top:15px}
.newsList ul{ width:1100px; position:relative; display:block;}
.newsList li{ width:1098px; height:180px; border:1px solid #F0F0F0; position:relative; margin-bottom:15px; display:block; cursor:pointer;}
.newsList li:hover{ border:1px solid #E6E6E6; }
.newsList li .image{ width:280px; height:180px; float:left; display:block;}
.newsList li .image img{ width:280px; height:180px; display:block;}
.newsList li .date{ float:right; width:170px; height:180px; display:block; text-align:center; line-height:180px; background:url(../images/l.gif) left center no-repeat; color:#999999; font-size:16px; font-style:italic;}
.newsList li .text{ width:610px; margin:0 15px; overflow:hidden; height:180px; display:block; position:relative; float:left}
.newsList li .text .t{ margin-top:40px; height:24px; width:610px;  overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; line-height:24px; text-align:left; color:#131313; font-size:20px; font-weight:bold}
.newsList li .text .i{ margin-top:25px; height:60px; line-height:150%; overflow:hidden; color:#929292; font-size:14px;}

.pd{ width:1098px; float:right; border:1px solid #E7E7E7; margin-top:10px; margin-bottom:10px;}
.pd .n{ width:1078px; height:38px; position:relative; display:block; background-color:#000000; line-height:38px; color:#666666; padding:0 10px;}
.pd .n span{ color:#FFF;}
.pd .n a{ float:right; color:#FFF;}
.pd .n a:hover{ text-decoration:underline}
.pd .top{ width:1098px; height:400px; position:relative; display:block; border-bottom:1px solid #E7E7E7}
.pd .top .l{ width:400px; height:400px; position:relative; display:block; float:left; border-right:1px solid #E7E7E7}
.pd .top .l img{ width:100%; height:100%; display:block;}
.pd .top .r{ float:right; width:667px; height:400px; overflow:hidden; padding:0 15px;}
.pd .top .r .title{ width:100%; height:80px; line-height:80px;  overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; color:#000000; font-size:22px;}
.pd .top .r .info{ width:100%; height:280px; }
.pd .bottom{ padding:20px; width:1058px; }
.pd .bottom img{ max-width:100%;}


.contactTop{ width:100%; height:565px; background:url(../images/contactTop.jpg) center no-repeat; position:relative}
.contactTopEn{ width:100%; height:565px; background:url(../images/contactTop_en.jpg) center no-repeat; position:relative}
.contactBg{ width:100%; padding:50px 0; background-color:#191919}
.contactBg table{ width:600px; margin:0 auto;}
.contactBg table td{ padding-bottom:15px; position:relative;}
.contactBg input.input{ width:270px; height:22px; line-height:22px; padding:5px 10px; background-color:#484848; border:1px solid #626262; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; color:#FFF; font-family:微软雅黑, Arial, Helvetica, sans-serif;}
.contactBg input.input-sm{ width:180px;}
.contactBg textarea.text{ width:570px; height:100px; line-height:22px; padding:5px 10px; background-color:#484848; border:1px solid #626262;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;  color:#FFF; font-family:微软雅黑, Arial, Helvetica, sans-serif;}
.contactBg .sendBtn{ width:180px; height:33px; float:right; background:none; background-image:url(../images/sendBtn.png); border:0; line-height:33px; color:#000; text-align:center; font-size:14px; margin-right:5px; cursor:pointer;}


.side-menu-container{
    float: left;
    width: 214px;
    margin-top: 20px;
    position: relative;
}
.side-menu-container .side-menu{
    width: 200px;
    position: relative;
    background-color: #F2F2F1;
    -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius: 5px;            /* W3C syntax */
    padding: 7px;
}
.side-menu-container .side-menu .item{
    display: block;
    width: 200px;
    color: #FFFFFF;
    font-size: 12px;
    margin-bottom: 2px;
    background-image: url("../images/side-menu-unhover.png");
    height: 36px;
    line-height: 36px;
    text-indent: 10px;
}
.side-menu-container .side-menu .item:hover{
    background: url("../images/side-menu-hover.png") right center no-repeat;
}
.side-menu-container .side-menu .item.cur{
    background: url("../images/side-menu-hover.png") right center no-repeat;
}
.side-menu-container .side-menu .slider-ul{
    display: none;
    width: 183px;
    margin: 0 auto;
}
.side-menu-container .side-menu .slider-ul .c-item{
    width: 130px;
    padding: 15px 35px 15px 18px;
    border-bottom: 1px solid #DEDDDB;
    display: block;
    background: url("../images/c-item-hover.png") center no-repeat;
    color: #AAAAAA;
    line-height: 120%;
}
.side-menu-container .side-menu .slider-ul .c-item:hover{
    color: #DE171C;
}
.side-menu-container .side-menu .slider-ul .c-item.cur{
    color: #DE171C;
}

.side-menu-container .contact-info{
    padding: 15px 0;
}
.side-menu-container .contact-info .title{
    color: #AAAAAA;
    font-size: 12px;
}
.side-menu-container .contact-info .tel{
    color: #222222;
    font-size: 14px;
}

.right-container{
    width: 830px;
    float: right;
    background: url("../images/top-line.png") top left no-repeat;
    margin-top: 20px;
    padding: 0 15px;
}
.right-container .title{
    color: #333333;
    font-size: 20px;
    line-height: 120%;
    padding: 20px 0;
}
.right-container .type-title{
    background-image:url("../images/req-bg.png");
    width: 164px;
    height: 37px;
    color: #444444;
    font-size: 14px;
    font-weight:bold;
    text-indent: 25px;
    line-height: 37px;
}
.right-container .req-content{
    padding: 20px 0;
}
.right-container .req-content img{
    max-width: 100%;
}

.qr-code{
    width: 30px;
    height: 30px;
    display: block;
    background: url("../images/qr-code.png") center no-repeat;
    position: relative;
    display: inline-block;
    top: 9px;
    margin-left: 10px;
}
.qr-code .show{
    width: 200px;
    height: 200px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -100px;
    opacity: 0;
    display: none;

    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.qr-code:hover .show{
    opacity: 1;
    display: block;
}